<template>
	<view class="content">
	    <view>
		
			<view class="lunbo">
				<swiper class="swiper-box" circular :indicator-dots="true" :autoplay="true" :interval="2000">
					<swiper-item v-for="(item, index) in lunboData" :key="index">
						<view class="swiper-item">
							<image class="img" :src="item"></image>
						</view>
					</swiper-item>
				</swiper>
			</view>
			<uni-card class="desc" :is-shadow="true">
				<text class="title">河北省肉类协会肉类协会蛋品分会简介</text>
				<text>河北省肉类行业协会蛋品分会成立大会</text>
				<text>会议时间：2025年7月2日</text>
				<text>会议地点：石家庄凯旋金悦大酒店 芳草厅</text>
				<text>出席情况：出席代表五十人，列席领导及嘉宾十六人。</text>
				<text>一、会议第一项：表决遵守章程和会费管理办法</text>
				<text>全体会员代表表决同意遵守《河北省肉类行业协会章程》和《会费收取和财务管理办法》。  </text>
				<text>二、会议第二项：选举分会领导</text>
				<text>本次会议会选举产生了理事会和常务理事会、监事会，并选举产生了分会会长赵晓庆、副会长袁兵强、崔东起、许静、刘长铭； 秘书长由刘长铭兼任；监事长穆新红，监事武志超、王志国。</text>
				<text>三、会议第三项：颁发聘书及牌匾</text>
				<text>总会领导为专家及发起单位颁发聘书及牌匾。</text>
				<text>四、会议第四项：当选会长阐述工作思路和规划</text>
				<text>蛋品分会首任会长赵晓庆表态，以打造“河北鸡蛋”品牌为己任；坚持“事业心”“公益心”“耐心”，带领大家走“生产好鸡蛋、卖个好价钱”的道路，为此努力奋斗。分会下一步的重点工作：搞好组织建设，制定河北蛋品质量标准；搭建线上宣传交易平台，对接生产与销售端。  </text>
				<text>五、会议第五项：领导讲话</text>
				<text>河北省畜牧总站副站长、河北省蛋肉禽体系衡沧综合试验站站长李剑做了书面发言，强调了分会成立的战略意义，并鼓励蛋品分会为河北蛋品多做贡献。 </text>
				<text>大会于2025年7月2日圆满结束。</text>
				<text>河北省肉类行业协会蛋品分会 秘书处</text>
				<text>2025年7月2日</text>
			</uni-card>
			<!-- <uni-card class="money" :is-shadow="true" margin="10px" width="100%">
				<text class="title">今日鸡蛋报价</text>
			</uni-card> -->
			<uni-card class="money" :is-shadow="true" margin="10px">
				<text class="title">今日鸡蛋报价</text>
				<text class="tip" @click="lookMore">点击查看更多数据</text>
				<uni-table ref="table" border stripe width=100% emptyText="暂无数据" style="margin-top: 20px;">
					<uni-tr class="head">
						<uni-th width="10" align="center">区域</uni-th>
						<uni-th width="10" align="center">鸡场名录</uni-th>
						<uni-th width="20" align="center">品种日龄</uni-th>
						<uni-th width="20" align="center">供应量</uni-th>
						<uni-th width="20" align="center">规格报价</uni-th>
						<uni-th width="20" align="center">涨跌标识</uni-th>
						<uni-th width="10" align="center">操作</uni-th>
					</uni-tr>
					<uni-tr v-for="(item,index) in tableData" :key="index">
						<uni-th align="center" width="10">{{ item.adress }}</uni-th>
						<uni-th align="center" width="10">{{ item.title }}</uni-th>
						<uni-th align="center" width="10">{{ item.day }}</uni-th>
						<uni-th align="center" width="10">{{ item.num }}</uni-th>
						<uni-th align="center" width="10">{{ item.money }}</uni-th>
						<uni-th align="center" width="10" style="color:red;">{{ item.state }}</uni-th>
						<uni-th align="center" width="10" style="color:rgb(54, 54, 250)">
							<text @click="getDetail(index)">查看详情</text>
						</uni-th>
					</uni-tr>
			
				</uni-table>
			</uni-card>
		</view>
		<view class="footer">
			本报价由鸡场提供，价格仅供参考，以实际成交为准
		</view>
	</view>
</template>

<script>
import list from './data.json'
	export default {
		data() {
			return {
				lunboData: ['/static/img/1.jpg', '/static/img/2.jpg', '/static/img/3.jpg','/static/img/4.jpg',
					'/static/img/5.jpg','/static/img/6.jpg','/static/img/7.jpg','/static/img/8.jpg','/static/img/9.jpg',
					'/static/img/10.jpg','/static/img/11.jpg'],
				tableData: list
			}
		},
		onLoad() {
           
		},
		methods: {
           getDetail (data) {
			    uni.navigateTo({
			   	   url: '/pages/details/index?id =' + data
			    })
		   },
		   lookMore () {
			   uni.navigateTo({
			      url: '/pages/portrait/index'
			   })
		   }
		}
	}
</script>

<style lang="less" scoped>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-between;
		box-sizing: border-box;
		overflow-x: hidden;
		background: #f9f9f9;
		.uni-card {
			min-height: 300rpx;
		}
		.title {
			display: block !important;
			font-size: 36rpx !important;
			color: #000;
			text-align: center;
			font-weight: bold;
			position: relative;
			margin-bottom: 40rpx !important;
			margin-top: 20rpx !important;
		}
		.title::after {
			content: '';
			display: block;
			width: 100rpx;
			height: 10rpx;
			background-color: orange;
			border-radius: 10rpx;
			position: absolute;
			bottom: -20rpx;
			left: 50%;
			transform: translateX(-50%);
		}
		.lunbo {
           width: 100%;
		   height: 300rpx;
		   .swiper-item {
				display: block;
				height: 300rpx;
				line-height: 300rpx;
				text-align: center;
				image {
					width: 100%;
				}
			}
		}
		.desc {
			padding: 0 15px;
			text {
			    display: inline-block;
				font-size: 24rpx;
				margin-top: 15rpx;
				color: #333;
			}
		}
        .money {
			width: calc(100% - 50px);
			text-align: center;
			position: relative;
			.tip {
				color: rgb(146, 6, 6);
				font-size: 22rpx;
				position: absolute;
				right: 40rpx;
				top: 70rpx;
			}
		}
		.uni-table {
			table-layout: fixed;
			overflow: hidden;
			text-overflow: ellipsis; //省略号表示
			white-space: nowrap; //不换行
			.head {
				background-color: orange;
				.uni-table-th {
					color: #fff !important;
				}
			}
		
			.uni-table-td {
				table-layout: inherit;
				overflow: hidden;
				text-overflow: ellipsis; //省略号表示
				white-space: nowrap; //不换行
			}
		
			.uni-table-th {
				box-sizing: border-box;
				padding: 8rpx 5rpx;
				color: #333;
			}
		}
		.footer {
			width: 100%;
			height: 100rpx;
			margin-top: 20rpx;
			text-align: center;
			font-size: 24rpx;
			color: #fff;
			background: orange;
			line-height: 100rpx;
		}
	}
</style>
